<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>LayaBox 家族</title>
    <link rel="stylesheet" href="./css/bootstrap.css">
    <link rel="stylesheet" href="./css/family.min.css">
</head>

<body>
    <div class="wrap">
        <!-- 头部 -->
        <header>
            <div class="container">
                <div class="row">
                    <div class="col-md-2 col-sm-2">
                        <div class="nav-logo">
                            <img src="./img/Layabox-index-assets/logo.png" alt="">
                        </div>
                    </div>
                    <div class="col-md-9 col-sm-9 col-xs-12">
                        <ul class="navBox">
                            <li><a href="./index.html">首页</a></li>
                            <li><a href="./family.html">Laya家族</a></li>
                            <li><a href="./game.html">游戏</a></li>
                            <li><a href="">新闻动态</a></li>
                            <li><a href="">开发者中心</a></li>
                            <li><a href="">开发者社区</a></li>
                            <li><a href="">开放平台</a></li>
                            <li><a href="">关于我们</a></li>
                        </ul>

                        <!-- 移动端的顶部栏 -->
                        <div class="menu">
                            <div class="mobile-logo">
                                <img src="./img/Layabox-index-assets/logo.png" alt="">
                            </div>
                            <div class="mobile-icon">
                                <img src="./img/Layabox-index-assets/菜单.png" alt="">
                            </div>
                            <ul class="mobile-nav">
                                <li><a href="./index.html">首页</a></li>
                                <li><a href="./family.html">Laya家族</a></li>
                                <li><a href="./game.html">游戏</a></li>
                                <li><a href="">新闻动态</a></li>
                                <li><a href="">开发者中心</a></li>
                                <li><a href="">开发者社区</a></li>
                                <li><a href="">开放平台</a></li>
                                <li><a href="">关于我们</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-1 col-sm-1">
                        <div class="languageBox">
                            <span>Language </span>
                            <div class="dropdown">
                                <p>Chinese</p>
                                <p>English</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!-- 主体 -->
        <main>
            <!-- 1.LayaFlash -->
            <section class="layaFlash">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6 col-sm-6 col-xs-12">
                            <div class="layaFlash-desc">
                                <div class="layaFlash-title">
                                    <span>1</span><span>LayaFlash</span>
                                    <p>直接用Flash AS3语言开发HTML5的引擎 </p>
                                </div>
                                <div class="layaFlash-content">
                                    <p>支持Flash AS3语言及框架在Flash Builder、FlashDevelop中直接开发HTML5产品；</p>
                                    <p>支持将Flash页游\手游产品快速转换成为HTML5游戏，让Flash研发企业进入HTML5市场低成本、无门槛；</p>
                                    <p>支持Starling等3D框架，是首个支持HTML5 3D游戏的技术方案。</p>
                                    <button>进入下载</button>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6">
                            <div class="layaFlash-img">
                                <img src="./img/Layabox-family-assets/layaflash-download.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- 2.LayaPlayer -->
            <section class="layaPlayer">
                <div class="container">
                    <div class="row">
                        <div class="col-md-4 col-sm-4">
                            <div class="layaPlayer-left">
                                <div class="left-title">
                                    <span>2</span><span>LayaPlayer</span>
                                </div>
                                <div class="left-img">
                                    <img src="./img/Layabox-family-assets/layaplayer1.png" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-4 col-xs-12">
                            <div class="layaPlayer-middle">
                                <span>极强性能</span>
                                <p>C语言编写的HTML5运行器，逻辑渲染双核运行、GPU加速渲染、内存显存智能管理、渲染流程极致优化，基于LayaPlayer运行的HTML5产品性能媲美APP。</p>
                                <span>更小，更多，更强</span>
                                <p>不足20K的HTML5运行器，拥有超过5亿的移动设备安装量，已嵌入到QQ浏览器、QQ空间、百度浏览器、新浪微博、猎豹浏览器等20多家主流平台。</p>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-4">
                            <div class="layaPlayer-right">
                                <img src="./img/Layabox-family-assets/layaplayer2.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- 3-4.LayaAir + LayaOpen -->
            <section class="air-open">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6 col-sm-6 col-xs-12">
                            <div class="layaAir">
                                <div class="title">
                                    <span>3</span><span>LayaAir</span>
                                </div>
                                <p>新一代HTML5引擎，正在内测完善中，敬请期待</p>
                                <div class="content">
                                    <span>小巧强大</span>
                                    <p>核心库100K左右，支持2D\3D动画、UI、粒子、骨骼、物理等完整功能，性能媲美APP</p>
                                    <span>应用领域更广泛</span>
                                    <p>可广泛应用于小型游戏、大型游戏、广告、营销、H5应用、教育等领域</p>
                                    <span>多语言开发</span>
                                    <p>支持AS3、TypeScript、JavaScript三种开发语言，适用程序员更广泛</p>
                                </div>
                                <div class="icon">
                                    <img src="./img/Layabox-family-assets/layaair.png" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                            <div class="layaOpen">
                                <div class="title">
                                    <span>4</span><span>LayaOpen</span>
                                </div>
                                <p>面向Layabox开发者、流量渠道的一站式对接平台</p>
                                <div class="content">
                                    <span>一站式对接</span>
                                    <p>一次对接，全渠道发行，提供一站式对接、发行、运营服务</p>
                                    <span>免费测试</span>
                                    <p>提供免费评测服务以及线上真实用户的产品测试和运营测试</p>
                                    <span>专业服务</span>
                                    <p>提供最专业的用户数据、付费数据、产品数据等游戏运营数据统计系统</p>
                                </div>
                                <div class="icon">
                                    <img src="./img/Layabox-family-assets/layaopen.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- 5-6.LayaStore + LayaPublish -->
            <section class="store-publish">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6 col-sm-6 col-xs-12">
                            <div class="layaStore">
                                <div class="title">
                                    <span>5</span><span>LayaStore</span>
                                </div>
                                <p>游戏内容丰富，可安装、可嵌入的HTML5应用商店</p>
                                <div class="content">
                                    <span>嵌入式商店</span>
                                    <p>仅20K的嵌入式HTML5应用商店，嵌入到APP中提供托管式HTML5商店服务。</p>
                                    <span>流量变现</span>
                                    <p>丰富优质的大型HTML5游戏产品，帮助APP进入流量变现新时代。</p>
                                </div>
                                <div class="icon">
                                    <img src="./img/Layabox-family-assets/layastore.png" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                            <div class="layaPublish">
                                <div class="title">
                                    <span>6</span><span>LayaPublish</span>
                                </div>
                                <p> 分成高、覆盖广，提供最优秀的全渠道发行服务</p>
                                <div class="content">
                                    <span>覆盖广</span>
                                    <p>超过5亿的移动设备安装量覆盖，为CP发行保驾护航</p>
                                    <span>分成高</span>
                                    <p>      CP可享受80%发行收益的高分成政策。</p>
                                </div>
                                <div class="icon">
                                    <img src="./img/Layabox-family-assets/layapublish.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </main>
        <!-- 底部 -->
        <footer>
            <div class="container">
                <div class="row">
                    <div class="col-md-8 col-sm-8">
                        <div class="copyright">
                            <p>
                                <a href="">公司简介</a>
                                <a href="">联系方式</a>
                                <a href="">人才招聘</a>
                            </p>
                            <p>
                                All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1
                            </p>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-4">
                        <div class="contact">
                            <div class="icon">
                                <img src="./img/Layabox-index-assets/email.png" alt="">
                            </div>
                            <div class="icon">
                                <img src="./img/Layabox-index-assets/wechat.png" alt="">
                                <div class="wechat-code">
                                    <img src="./img/Layabox-index-assets/code.png" alt="">
                                </div>
                            </div>
                            <div class="icon">
                                <img src="./img/Layabox-index-assets/QQ.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
    </div>
</body>

</html>